Everything has an intended size 每個元素都有最合適的大小

大家都知道，把圖片放得太大會變得模糊不清。但在調整大小時，還有其他需要注意的問題。

Don’t scale up icons 不要把小圖示變大

假如你在設計網頁，需要用到大圖示（比如在首頁的功能介紹部分），你可能會直接把SVG小圖示放大。

你可能覺得："反正是向量圖，放大也不會影響質量。"

但事實是，原本設計用於16-24畫素的小圖示，放大3-4倍後會看起來很不專業。這些放大的圖示會顯得粗糙，比例失調。

如果你手上只有小圖示，建議把它放在一個有背景色的形狀裡：這樣既能保持圖示的原始大小，又能填滿所需的空間。

Don’t scale down screenshots 不要縮小截圖

假設你要在網頁上展示應用程式的截圖。

當你把一張大截圖縮小到頁面上70%的尺寸時，會出現一個問題：圖裡的內容會變得太小，很難看清。比如，原本清晰的文字會變得特別小，讓使用者不得不把臉湊近螢幕才能看清。

要解決這個問題，用這些方法，你的截圖既能保持清晰，又能讓使用者輕鬆理解你想展示的內容，有三個簡單的方法：

• 直接用平板電腦大小的螢幕來截圖，這樣就不用縮得太小

  

• 只擷取介面中最重要的部分，這樣就能在小空間裡清晰展示

  

• 畫一個簡化版的介面圖，只保留主要結構，去掉細節

  

Don’t scale down icons, either 關於圖示縮小的問題：

大圖示縮小後會變得模糊，就像放大小圖示會變得粗糙一樣。最常見的例子就是網站圖示（favicon）就是瀏覽器標籤欄裡顯示的小圖示。

如果你把一個大logo（比如128畫素）直接縮小成網站圖示（16畫素），效果會很差。與其讓瀏覽器來壓縮圖示，不如專門設計一個簡單版的小圖示，這樣效果會好得多。